/*头部*/
.header{
  // position: fixed;
  position: sticky;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #111111;
  margin: 0px auto;
  border: none;
  .container{
    .navbar-header{
      .navbar-brand{
        font-family: OSBold;
        color: #fff;
      }
    }
    .collapse{
      ul{
        li{
          a{
            text-transform: uppercase;
            border-bottom: 3px solid transparent;
            // margin-right: 1rem;
            color: #fff;
            transition:  all linear .3s;
            &:hover{
                // border-bottom-color: #fcac45;
                border-bottom: 3px solid #fcac45;
            // transform: translateY(-5px);
            // text-shadow: 0px 0px 5px 10px #fcac45;
          }
          
          }
        }
      }
    }
  }
  
}
// .header .container .collapse ul li a {
@media screen and (max-width:1000px){
    .header{
      .nav{
        li{
            a{
                width:100%;
                margin:0;
                text-align: center;
            }
        }
      }    
    }
}









/* 按钮 */
.up{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  a{
    width:100%;
    height:100%;
    img{
      max-width:100%;
      &:hover {
        animation: up 1s;
      }

      @keyframes up {
        from {
          transform: scale3d(1, 1, 1);
        }
          
        30% {
          transform: scale3d(1.25, 0.75, 1);
        }
          
        40% {
          transform: scale3d(0.75, 1.25, 1);
        }
          
        50% {
          transform: scale3d(1.15, 0.85, 1);
        }
          
        65% {
          transform: scale3d(.95, 1.05, 1);
        }
          
        75% {
          transform: scale3d(1.05, .95, 1);
        }
          
        to {
          transform: scale3d(1, 1, 1);
        }
      }
    }
  }
  
} 